<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>系统管理</title>
	<link rel="stylesheet" href="../lib/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="../src/css/common.css"/>
	<link rel="stylesheet" href="../src/css/system_manger.css"/>
	<link rel="stylesheet" href="../src/css/user_permission.css"/>
</head>
<body>
	<div class="container">			
		<div class="col-md-3 head_portrait">
			<div class="user">
				<img src="../src/images/super_manger.png" />
				<p>超级管理员</p>
			</div>
			<ul class="nav nav-list nav_left">
				<li><a href="systems_management.html">用户管理</a></li>
				<li><a class="on" href="javascript:;">用户组权限</a></li>
				<li><a href="normal_statical_table.html">普通用户统计表</a></li>
				<li><a href="hr_statistical_table.html">HR用户统计表</a></li>
				<li><a href="system_login_logs.html">系统登录日志</a></li>
				<li><a href="email_setting_config.html">邮件网管配置</a></li>
				<li><a href="phone_config_setting.html">手机网管配置</a></li>
				<li><a href="file_service_config.html">文件服务器配置</a></li>
				<li><a href="logout.html">登 出</a></li>
			</ul>
		</div>
		<div class="col-md-9 user_permission" role="main">
			<div class="col-md-12">
				<h1>系统管理员</h1>
				<ul>
					<li>我的</li>		
					<li>捞干货</li>		
					<li>找职位</li>		
					<li>内容管理</li>		
					<li>系统管理</li>		
				</ul>
				<div class="progress_content">
					<div class="progress">
					  	<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
					    <span class="sr-only"></span>
					    <i class="circle"></i>
					  </div>
					</div>
				</div>
			</div>
			<div class="col-md-12">
				<h1>内容管理员</h1>
				<ul>
					<li>我的</li>		
					<li>捞干货</li>		
					<li>找职位</li>		
					<li>内容管理</li>		
					<li>系统管理</li>		
				</ul>
				<div class="progress_content">
					<div class="progress">
					  	<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
					    <span class="sr-only"></span>
					    <i class="circle"></i>
					  </div>
					</div>
				</div>
			</div>
			<div class="col-md-12">
				<h1>HR管理员</h1>
				<ul>
					<li>我的</li>		
					<li>捞干货</li>		
					<li>找职位</li>		
					<li>内容管理</li>		
					<li>系统管理</li>		
				</ul>
				<div class="progress_content">
					<div class="progress">
					  	<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
					    <span class="sr-only"></span>
					    <i class="circle"></i>
					  </div>
					</div>
				</div>
			</div>
			<div class="col-md-12">
				<h1>普通用户</h1>
				<ul>
					<li>我的</li>		
					<li>捞干货</li>		
					<li>找职位</li>		
					<li>内容管理</li>		
					<li>系统管理</li>		
				</ul>
				<div class="progress_content">
					<div class="progress">
					  	<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
					    <span class="sr-only"></span>
					    <i class="circle"></i>
					  </div>
					</div>
				</div>
			</div>
			<div class="col-md-12">
				<h1>高级用户</h1>
				<ul>
					<li>我的</li>		
					<li>捞干货</li>		
					<li>找职位</li>		
					<li>内容管理</li>		
					<li>系统管理</li>		
				</ul>
				<div class="progress_content">
					<div class="progress">
					  	<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
					    <span class="sr-only"></span>
					    <i class="circle"></i>
					  </div>
					</div>
				</div>
			</div>
		</div>
	</div>		
</body>
<script src="../src/js/jquery.js"></script>
<script src="../lib/js/jquery-ui-1.10.3.mouse_core.js"></script>
<script src="../lib/js/jquery.ui.touch-punch.js"></script>
<script src="../lib/js/bootstrapslider.min.js"></script>
<script>
	$(function(){
		$('.bar').on( "sliderchange", function(e,result){
		    console.log( "action: " + result.action + ", value: " + result.value );
		});

		$('.bar').on( "slidercomplete", function(e,result){
		    console.log( 'slider completed!' );
		});
	})
</script>
</html>